@charset "utf-8";
/* CSS Document */

/* 関連絵記号 */

#mainClm #iconListWrap {
	margin: 4px 0 0 0;
	padding: 2px;
	border: 1px solid #B3B3B3;
	overflow: hidden; height: 1%;
	-moz-border-radius: 7px;
}

#mainClm #iconListWrap ul#iconList {
	margin: 3px 3px 0;
}

#mainClm #iconListWrap ul#iconList li {
	list-style-type: none;
	width: 120px; float:left;
	background: url(../img/line_icon_list.gif) right top repeat-y;
	text-align: center;
}

#mainClm #iconListWrap ul#iconList li img {
	/* margin: 0 0 8px 27px; */
	margin: 0 auto;
	
}

#mainClm #iconListWrap ul#iconList li a {
	/* margin: 0 0 0 19px; */
	font-size: 10px;
	width: 120px;
}

#mainClm #iconListWrap .scrollable {
	position:relative;
	overflow:hidden;
	/* width: 655px; */
	width: 535px;
	height:140px;
	float:left;
}

#mainClm #iconListWrap .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#mainClm #iconListWrap a.browse {
	background:url(../img/btn_icon_browse.gif) no-repeat;
	display:block;
	width:13px;
	height:140px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

#mainClm #iconListWrap a.right 		{ background-position:-26px 0; float:right; margin-right: 0;}
#mainClm #iconListWrap a.right:hover 	{ background-position:-39px 0; }
#mainClm #iconListWrap a.right:active 	{ background-position:-39px 0; } 

#mainClm #iconListWrap a.left			{ margin-left: 0; } 
#mainClm #iconListWrap a.left:hover  	{ background-position:-13px 0; }
#mainClm #iconListWrap a.left:active  	{ background-position:-13px 0; }

#mainClm #iconListWrap a.disabled {
	visibility:hidden !important;		
} 	
